<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 
 <%@include file="/WEB-INF/page/common/taglib.jsp" %>
 
 <html lang="zh-CN">
  
  <head>
  
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title></title>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
	<link href="/css/member/iconfont.css" rel="stylesheet">
	<link href="/css/member/swiper.min.css" rel="stylesheet">
    <link href="/css/member/style.css" rel="stylesheet">
	<link href="/css/member/user.css" rel="stylesheet">
	
	<script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
	<script src="/js/swiper.min.js"></script>
	<!--用户-->
	<script src="/js/user.js"></script>
	
  </head>
  
  <body>
    
    <jsp:include page="/WEB-INF/page/member/head.jsp"/>
    
	<nav class="navbar navbar-default">
	  <div class="container">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
		  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			<span class="sr-only">Toggle navigation</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		  </button>
		</div>
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		  <ul class="nav navbar-nav">
			<li class="active"><a href="UserDefault.html">我的账户</a></li>
			<li><a href="#">商城首页</a></li>
			<li><a href="#">帮助中心</a></li>
		  </ul>
		  <ul class="nav navbar-nav navbar-right">
			<li><a href="#" class="cartBtn"><i class="icon iconfont icon-chaoshi"></i><span class="cartNums">2</span>去结算</a></li>
		  </ul>
		</div><!-- /.navbar-collapse -->
	  </div><!-- /.container-fluid -->
	</nav>
	<div class="container">
		<div class="bread">
			当前位置：<a href="">首页</a> &gt; <a href="UserDefault.html">会员中心</a> &gt; 订单详细
		</div>
		<div class="user-main row clearfix">
			<div id="uMenu" class="col-md-2 col-sm-3">
				<div class="userNav">
					<dl>
						<dt><i></i>我的交易记录</dt>
						<dd><a href="/member/userOrders">订单管理</a></dd>
						<dd><a href="/member/userRefundApply">退款申请单</a></dd>
						<dd><a href="/member/userReturnsApply">退货申请单</a></dd>
						<dd><a href="/member/userReplaceApply">换货申请单</a></dd>
						<dd><a href="/member/userPoints">我的积分</a></dd>
						<dd><a href="/member/myCoupons">我的优惠券</a></dd>
					</dl>
					<dl>
						<dt>商品收藏与评论</dt>
						<dd><a href="/member/favorites">收藏夹</a></dd>
						<dd><a href="/member/userConsultations">咨询/回复</a></dd>
						<dd><a href="/member/userProductReviews">我参与的评论</a></dd>
						<dd><a href="/member/userBatchBuy">商品批量购买</a></dd>
					</dl>
					<dl>
						<dt>预付款账户</dt>
						<dd><a href="/member/myAccountSummary">预付款账户</a></dd>
						<dd><a href="/member/rechargeRequest">预付款充值</a></dd>
						<dd><a href="/member/myAccount">账户安全</a></dd>
					</dl>
					<dl>
						<dt>个人设置</dt>
						<dd><a href="/member/userProfile">个人信息</a></dd>
						<dd><a href="/member/updatePassword">修改密码</a></dd>
						<dd><a href="/member/userShippingAddresses">我的收货地址</a></dd>
					</dl>
					<dl>
						<dt>站内消息</dt>
						<dd><a href="/member/userReceivedMessages">收件箱(<span class="style-red">0</span>)</a></dd>
						<dd><a href="/member/userSendedMessages">发件箱</a></dd>
						<dd><a href="/member/userSendMessage">给管理员发消息</a></dd>
					</dl>
				</div>
				<a href="" class="logoutBtn">安全退出</a>
			</div>
			<div class="col-md-10 col-sm-9 userContent">
				<div class="uOrderDetail">
					<h3 class="utitle">订单详细</h3>
					<div class="order-process">
						<ul class="clearfix">
	                        <li>拍下商品</li>
	                        <li>付款成功</li>
	                        <li>卖家发货</li>
	                        <li>确认收货</li>
	                        <li class="hide">申请退款</li>
	                        <li class="hide">退款成功</li>
	                        <li class="hide">申请退货/换货</li>
	                        <li class="hide">退货/换货完成</li>
	                    </ul>
	                    <div class="stop">
	                        <div class="item active">
	                            <em>1</em>
	                        </div>
	                        <div class="item">
	                            <span>&nbsp;</span><em>2</em>
	                        </div>
	                        <div class="item">
	                            <span>&nbsp;</span><em>3</em>
	                        </div>
	                        <div class="item">
	                            <span>&nbsp;</span><em>4</em>
	                        </div>
	                        <div class="item hide">
	                            <span>&nbsp;</span><em>5</em>
	                        </div>
	                        <div class="item hide">
	                            <span>&nbsp;</span><em>6</em>
	                        </div>
	                        <div class="item hide">
	                           <span>&nbsp;</span><em>7</em>
	                        </div>
	                        <div class="item hide">
	                            <span>&nbsp;</span><em>8</em>
	                        </div>
	                    </div>
					</div>
					<div class="uOrderDetailMain">
						<h3>
							订单号：201611280581888
							<span>状态：<em class="style-green">已关闭</em></span>
							<small>下单日期：2016-11-28 14:00:58</small>
						</h3>
						<p>买家备注：周六周日发货</p>
						<p>关闭原因：过期没付款，自动关闭</p>
						<div class="orderRelation">
						  	<!-- Nav tabs -->
						  	<ul class="nav nav-tabs" role="tablist">
							    <li class="active"><a href="#amount">金额明细</a></li>
							    <li><a href="#package">物流跟踪</a></li>
						  	</ul>
						  <!-- Tab panes -->
						  	<div class="tab-content">
						    	<div role="tabpanel" class="tab-pane active" id="amount">
									<ul class="row clearfix">
										<li class="col-sm-6">商品金额：5.75</li>
										<li class="col-sm-6">配送方式：顺丰标准件(23.00)</li>
										<li class="col-sm-6">打折活动：0.00</li>
										<li class="col-sm-6">运费：23.00</li>
										<li class="col-sm-6">优惠券抵扣金额： -0.00</li>
										<li class="col-sm-6">支付方式：(0.00)</li>
										<li class="col-sm-6">订单涨价或减价金额：0.00</li>
										<li class="col-sm-6">税金：0.00</li>
										<li class="col-sm-6">支付手续费：0.00</li>
										<li class="col-sm-6">发票抬头：</li>
									</ul>
						    	</div>
						    	<div role="tabpanel" class="tab-pane" id="package">
									<div class="package-title">您的包裹已被签收</div>
									<div class="package-status">
										<ul class="status-list">
											<li>
												<span class="date">2017-02-08 14:46:18</span>
												<span class="text">包裹正在等待揽收</span>
											</li>
											<li>
												<span class="date vis_hidden">2017-02-08 17:55:20</span>
												<span class="text">[北海市]中通快递 北海合浦县收件员 已揽件</span>
											</li>
											<li>
												<span class="date">2017-02-09 19:33:47</span>
												<span class="text">[北海市]快件已从北海合浦县发出，准备发往郑州</span>
											</li>
											<li>
												<span class="date vis_hidden">2017-02-09 19:47:16</span>
												<span class="text">[北海市]快件已从北海合浦县发出，准备发往南宁中转</span>
											</li>
											<li>
												<span class="date">2017-02-10 00:07:04</span>
												<span class="text">[南宁市]快件已到达 南宁中转</span>
											</li>
											<li>
												<span class="date vis_hidden">2017-02-10 00:10:56</span>
												<span class="text">[南宁市]快件已从南宁中转发出，准备发往郑州中转</span>
											</li>
											<li class="latest">
												<span class="date vis_hidden">2017-02-11 17:02:38</span>
												<span class="text">[郑州市]快件已签收,感谢您使用中通快递!，感谢使用中通快递，期待再次为您服务</span>
											</li>
										</ul>
									</div>
						    	</div>
						  	</div>
						</div>
						<!--订单信息-->
						<div class="orderInfo">
							<h3>订单信息</h3>
							<div class="ordInfoBox">
								<div class="orderUser">
									<h4>收货人信息</h4>
									<ul>
										<li>收货人姓名：小明收件人</li>
										<li>详细地址：天津,天津市,和平区,田径是黄家驹成功哈哈哈刚刚好哈哈哈哈</li>
										<li>邮政编码：450000</li>
										<li>电子邮箱：1234567@qq.com</li>
										<li>电话号码：2602888</li>
										<li>手机号码：12345678900</li>
										<li>送货上门时间：周六周日</li>
									</ul>
								</div>
								<div class="orderGoods">
									<h4>商品清单</h4>
									<div class="uOrderList">
										<table class="table table-nobg">
											<tr>
												<th>商品信息</th>
												<th>货号</th>
												<th>商品名称</th>
												<th>购买数量</th>
												<th>商品单价</th>
												<th>发货数量</th>
												<th>状态</th>
												<th>操作</th>
											</tr>
											<tr>
												<td><a href="" title="商品名称"><img src="/images/member/product/pro01.jpg" width="60" height="60"></a></td>
												<td>69056-1 </td>
												<td><a href="">商品名称商品名称</a><br/>包装：卷带; </td>
												<td>50</td>
												<td>￥0.12</td>
												<td>50</td>
												<td>订单已关闭</td>
												<td></td>
											</tr>
										</table>
									</div>
									<p class="mt10">货物总重量：0.00克</p>
								</div>
							</div>
							<div class="orderTotal text-right">
								可得积分：6<br/>订单金额总计：<strong class="style-red">28.75</strong>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


    
  </body>
</html>